草庐IT

html 图像

全部标签

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 动态导入图像(React Js)(要求 img 路径找不到模块)

我需要通过map方法从我的图像文件中动态导入图像(多个)。首先,我想为我的图像文件设置一个基本URL,然后从我的包含image属性的JSON文件中读取图像的名称,然后相应地设置图像src。JSON文件如下所示:{"title":"BlueStripeStonewarePlate","brand":"Kiriko","price":40,"description":"Loremipsumdolorsitamet...","image":"blue-stripe-stoneware-plate.jpg"},{"title":"HandPaintedBlueFlatDish","brand"

javascript - 任何 Ruby 的 HTML 解析器都可以执行 JavaScript 来查看生成的 DOM 吗?

在尝试Hpricot和Nokogiri时,可以获取和解析HTML,但它们是否也可以执行Javascript以便在页面上显示内容?(显示在DOM中)。这是因为某些页面只有在JavaScript初始化代码运行后才会显示信息。 最佳答案 据我所知没有。您可能想研究使用类似Watir的东西并使用真正的浏览器。 关于javascript-任何Ruby的HTML解析器都可以执行JavaScript来查看生成的DOM吗?,我们在StackOverflow上找到一个类似的问题:

javascript - Webkit JavaScript 可以 PUT 或 POST 图像 REST 样式作为纯二进制文件吗?

当我的浏览器从网站下载图像时,不涉及base64编码。它发出类似GET/image.jpg的HTTP命令并接收Content-Type类似于image/jpg的HTTP响应,其Content-Length是图像中的字节数,其主体是原始二进制图像数据本身。数据既未使用字符集编码,也未使用base64等方案进行编码。编写RESTful资源训练我期待HTTPGET和PUT之间的对称性,例如,当我执行时,一个URL会传送JSON数据当使用PUT时,GET将接受JSON数据。在这两种情况下都不涉及表单编码;在这两种情况下,只有一个Content-Length给出有效载荷中的字节数,一个Conte

javascript - 无休止地旋转图像/div(跨浏览器)

我正在尝试为这种效果找到一个跨浏览器的解决方案,但这是我能找到的最好的解决方案:http://jsfiddle.net/fE58b/19/它对CPU也非常友好。一些非跨浏览器的javascript解决方案使用了近50%的CPU。在我看来,这不是网络使用的解决方案。提供的示例适用于Chrome17、Firefox11和Safari5.1.7。所以我的问题是:有没有一种方法可以创建这种效果(当然不用flash或java),这样它也可以在Opera和IE中工作?编辑:HTML​CSS@-webkit-keyframesspin{from{-webkit-transform:rotate(0d

javascript - 在 Google map 上叠加 HTML

有没有办法使用GoogleMapsAPI在Googlemap的顶部添加HTML内容?我想添加一个包含其他HTML内容的div。附言不想操纵Google信息窗口。 最佳答案 您可以使用这个不错的库。http://blog.mridey.com/2011/05/label-overlay-example-for-google-maps.html通过一些调整,它可以用来添加任何你想要的内容。这是将其添加为叠加层而不是InfoWindow的方式。 关于javascript-在Googlemap上

javascript - Canvas 图像调整大小/scew/dnd

我正在尝试构建一个人们可以上传图像的应用程序,我想让人们可以拖动图像的Angular落并扭曲它。但我不知道从哪里开始,也找不到任何示例。我在flash中有一个例子:http://configurator.cando.eu/popup.html-点击“CandoStijlkamer”-点击6种背景中的一种-在顶部选择第2步“Kiesuwdeur”-双击门,然后在底部再做一次。-现在您可以拖动边Angular了。示例图片:有人知道如何实现吗?更新开始将ThreeJS用于webGL,此刻我得到了一个立方体,可以使它透视、缩放和旋转。但是Angular落不会灵活。更新2创建了一个带有可拖动An

javascript - 在 .html() 和 .text() 中获取高亮文本位置

我正在使用以下脚本来获取突出显示文本的位置:functiongetSelectionCharOffsetsWithin(element){varstart=0,end=0;varsel,range,priorRange;if(typeofwindow.getSelection!="undefined"){range=window.getSelection().getRangeAt(0);priorRange=range.cloneRange();priorRange.selectNodeContents(element);priorRange.setEnd(range.startCon

javascript - 图像旋转不良

在以正确的旋转方式上传之前渲染图像时,我遇到了JavaScript问题。似乎当您渲染图像时,女巫仅在exif数据上具有正确的旋转,浏览器不使用它。当图像通过JavaScript在网站上显示时,用户会看到他们在系统上的不同轮换。代码非常基础:你知道纠正这个旋转错误的简单方法吗?LbEmeraude.handleImage=function(f){if(f.type.match('image.*')){varreader=newFileReader();reader.onload=(function(file){returnfunction(e){varimage={};image.dat

javascript - 将 html 模板文件合并为一个 JS 文件

我有HTML模板文件(下划线模板语法)这些文件以HTML格式保存,因此易于编辑(IDE语法高亮)我不想使用ajax获取它们,而是将它们全部组合起来并将它们包含为一个js文件。使用GULP作为我的任务运行器,我希望它能以某种方式combineallHTML到类似这样的东西,作为我可以包含在我的构建过程中的javascript文件:template_file_name是HTML文件名。vartemplates={template_file_name:'...templateHTMLstring...',template_file_name2:'...templateHTMLstring..